* {
    transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -webkit-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol,
ul {
    list-style: none
}

input,
button,
select,
textarea {
    outline: none
}

textarea {
    resize: none
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.header {
    width: 100%;
    min-width: 1000px;
    height: 36px;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

.header .top-bar {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 5
}

.header .logo {
    position: absolute;
    left: 0;
    z-index: 11
}

.header .logo img {
    padding-top: 2px
}

.header a {
    color: #000;
    float: left
}

.header .text {
    font-size: 12px;
    color: #333;
    line-height: 36px;
    float: left;
    width: 300px;
    padding-left: 7px
}

.header .top-menu {
    position: absolute;
    right: 0;
    z-index: 11;
    float: left
}

.header .top-menu li {
    font-size: 12px;
    float: left;
    color: #000;
    line-height: 36px;
    text-indent: 1px
}

.header .top-menu li a {
    margin: 0 8px
}

.header .top-menu li a:hover {
    color: #f60;
    text-decoration: none
}

.header .bg {
    width: 100%;
    height: 36px;
    background: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.footer {
    color: #000;
    font-size: 12px;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 24px;
    text-align: center;
    width: 1000px
}

.footer .link a {
    padding: 0 5px
}

.footer .fo_nav {
    margin: 0 7px
}

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0
}

.cf {
    zoom: 1
}

a {
    color: #333
}

a:hover {
    color: #f60
}

body,
input,
button,
select,
textarea,
table {
    font: 12px '微软雅黑', Arial, '宋体'
}

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
hgroup,
menu {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol,
ul {
    list-style: none
}

input,
button,
select,
textarea {
    outline: none
}

textarea {
    resize: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.pub_9pcheader {
    height: 33px;
    margin: 0 auto;
    position: relative;
    background: #e9e9e9;
    font-size: 0;
    font-family: Arial, '微软雅黑', '宋体';
    border-bottom: 1px solid #dbdbdb
}

.pub_9pcheader .top-bar-ph a {
    color: #000;
    text-decoration: none
}

.pub_9pcheader .top-bar-ph {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    background: #e9e9e9;
    position: relative
}

.pub_9pcheader .contorl-ph {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.pub_9pcheader .contorl-ph li {
    font-size: 12px;
    float: left;
    line-height: 33px
}

.pub_9pcheader .contorl-ph .link {
    padding: 0 10px;
    border-right: 1px solid #c6c6c6
}

.pub_9pcheader .contorl-ph .last.link {
    border: 0
}

.pub_9pcheader .contorl-ph .link:hover {
    color: #f60;
    text-decoration: none
}

.pub_9pcheader .user-bar-ph {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute
}

.pub_9pcheader .user-bar-ph .right-li-ph {
    font-size: 12px;
    float: left;
    height: 33px
}

.pub_9pcheader .user-bar-ph .ulink {
    padding: 0 10px;
    line-height: 33px;
    border-right: 1px solid #c6c6c6;
    color: #1a71d1
}

.pub_9pcheader .user-bar-ph .ulink:hover {
    color: #f60;
    text-decoration: none
}

.pub_9pcheader .web-site-ph {
    width: 100px;
    height: 33px;
    position: relative
}

.pub_9pcheader .user-site-ph {
    _width: 150px;
    text-indent: 10px;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_9game_public/header_201405/pub_pcheader_icon.png") no-repeat 126px -137px
}

.pub_9pcheader .msg-site-ph {
    width: 100px;
    height: 33px;
    position: relative;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_9game_public/header_201405/pub_pcheader_icon.png") no-repeat 98px -137px
}

.pub_9pcheader .msg-site-ph .org {
    color: #f80
}

.pub_9pcheader .site-title {
    height: 32px;
    line-height: 32px;
    position: relative;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    text-align: center;
    text-indent: 22px;
    cursor: pointer
}

.pub_9pcheader .web-site-ph .site-title {
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_9game_public/header_201405/pub_pcheader_icon.png") no-repeat 9px 11px
}

.pub_9pcheader .msg-site-ph .site-title {
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_9game_public/header_201405/pub_pcheader_icon.png") no-repeat 9px -29px
}

.pub_9pcheader .user-site-ph .site-title {
    text-indent: 10px;
    padding-right: 10px
}

.pub_9pcheader .site-toward-ph {
    width: 13px;
    height: 10px;
    display: inline-block;
    _display: none;
    margin-left: 4px;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_9game_public/header_201405/pub_pcheader_icon.png") no-repeat 0 -77px
}

.pub_9pcheader .web-site-pop,
.pub_9pcheader .user-site-pop,
.pub_9pcheader .msg-site-pop {
    z-index: 5;
    border: 1px solid #c6c6c6;
    position: absolute;
    top: 33px;
    background: #fff;
    display: none
}

.pub_9pcheader .user-site-pop {
    width: 322px;
    height: 148px;
    left: 0;
    text-indent: 0
}

.pub_9pcheader .user-site-name {
    width: 300px;
    height: 75px;
    padding-top: 15px;
    margin: 0 auto 15px;
    border-bottom: 1px solid #e6e6e6
}

.pub_9pcheader .user-site-name .img {
    width: 60px;
    height: 60px;
    padding: 2px;
    border: 1px solid #ebebeb;
    float: left
}

.pub_9pcheader .user-site-name .img img {
    width: 60px;
    height: 60px;
    display: block
}

.pub_9pcheader .user-site-name .us-name {
    width: 225px;
    float: right;
    padding-top: 10px
}

.pub_9pcheader .user-site-name .name {
    width: 100%;
    font-size: 14px;
    margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pub_9pcheader .user-site-name .name a:hover {
    color: #f80;
    text-decoration: underline
}

.pub_9pcheader .user-site-name .ctrl {
    margin-left: -12px
}

.pub_9pcheader .user-site-name .ctrl a {
    color: #1a71d1;
    padding: 0 12px;
    border-right: 1px solid #c6c6c6
}

.pub_9pcheader .user-site-name .ctrl a.last {
    border: 0
}

.pub_9pcheader .user-site-name .ctrl a:hover {
    text-decoration: underline
}

.pub_9pcheader .ctrl-btn-ph {
    text-align: center;
    font-size: 0
}

.pub_9pcheader .ctrl-btn-ph a {
    width: 82px;
    height: 26px;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px
}

.pub_9pcheader .ctrl-btn-ph a:hover {
    background: #f80;
    color: #fff;
    border-color: #f80
}

.pub_9pcheader .msg-site-pop {
    width: 144px;
    right: 0
}

.pub_9pcheader .msg-site-pop .msg-link-list {
    padding: 10px 5px
}

.pub_9pcheader .msg-site-pop .msg-link-list li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 2px
}

.pub_9pcheader .msg-site-pop .msg-link-list a {
    height: 24px;
    display: block;
    padding: 0 5px
}

.pub_9pcheader .msg-site-pop .msg-link-list a:hover {
    background: #f80;
    color: #fff
}

.pub_9pcheader .msg-site-pop .msg-link-list a:hover .num {
    color: #fff
}

.pub_9pcheader .msg-site-pop .msg-link-list .num {
    float: right;
    color: #f80
}

.pub_9pcheader .web-site-pop {
    width: 998px;
    right: 0
}

.pub_9pcheader .web-site-pop .site-con {
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
    float: left
}

.pub_9pcheader .web-site-pop .sectitle {
    font-size: 16px;
    margin: 20px 0 10px;
    padding-left: 15px
}

.pub_9pcheader .web-site-pop .sectitle a {
    color: #f80
}

.pub_9pcheader .web-site-pop .sectitle a:hover {
    color: #f80;
    text-decoration: underline
}

.pub_9pcheader .web-site-pop .site-list-con {
    zoom: 1;
    padding-left: 10px
}

.pub_9pcheader .web-site-pop .site-list-con:after {
    content: '';
    visibility: hidden;
    display: block;
    clear: both
}

.pub_9pcheader .web-site-pop .site-list {
    margin-right: 10px;
    float: left
}

.pub_9pcheader .web-site-pop .site-list li {
    font-size: 12px;
    height: 22px;
    margin-bottom: 5px
}

.pub_9pcheader .web-site-pop .site-list li a {
    max-width: 100%;
    _width: 100%;
    display: inline-block;
    padding: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pub_9pcheader .web-site-pop .site-list li a:hover {
    background: #f80;
    color: #fff
}

.pub_9pcheader .web-site-pop .site-con1 {
    width: 235px
}

.pub_9pcheader .web-site-pop .site-con1 .site-list {
    width: 65px;
    _width: 55px
}

.pub_9pcheader .web-site-pop .site-con2 {
    width: 113px
}

.pub_9pcheader .web-site-pop .site-con2 .site-list {
    width: 85px
}

.pub_9pcheader .web-site-pop .site-con3 {
    width: 416px
}

.pub_9pcheader .web-site-pop .site-con3 .site-list {
    width: 405px;
    margin-right: 0
}

.pub_9pcheader .web-site-pop .site-con3 .site-list li {
    width: 100px;
    _width: 90px;
    float: left
}

.pub_9pcheader .web-site-pop .site-con4 {
    width: 113px;
    border-right: 0
}

.pub_9pcheader .web-site-pop .site-con4 .site-list {
    width: 85px
}

.pub_9pcheader .web-site-ph.current .site-title,
.pub_9pcheader .msg-site-ph.current .site-title,
.pub_9pcheader .user-site-ph.current .site-title {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: 24px;
    border-color: #c6c6c6;
    background-color: #fff;
    height: 33px;
    z-index: 6
}

.pub_9pcheader .web-site-ph.current .site-title {
    background-position: 11px 11px
}

.pub_9pcheader .msg-site-ph.current .site-title {
    background-position: 11px -29px
}

.pub_9pcheader .user-site-ph.current .site-title {
    width: auto;
    position: relative;
    text-indent: 10px
}

.pub_9pcheader .current .site-title a {
    color: #f80
}

.pub_9pcheader .user-site-ph.current .user-site-pop,
.pub_9pcheader .msg-site-ph.current .msg-site-pop,
.pub_9pcheader .web-site-ph.current .web-site-pop {
    display: block
}

.pub_9pcheader .right-li-ph.current .site-toward {
    background-position: 0 -117px
}

.pub_9pcfooter {
    color: #000;
    font-size: 12px;
    margin: 15px auto 30px;
    line-height: 24px;
    text-align: center;
    width: 1000px
}

.pub_9pcfooter a {
    padding: 0 5px;
    color: #333;
    text-decoration: none
}

.pub_9pcfooter .link a {
    padding: 0 5px
}

.pub_9pcfooter .fo_nav {
    margin: 0 7px
}

.pub_9pcheader .user-site-ph .site-title .link.vip {
    padding-right: 20px;
    color: #ff2a43;
    line-height: 32px;
    display: inline-block;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_new/vip_icon.png") no-repeat 1000px 1000px
}

.pub_9pcheader .user-site-ph .site-title .vip.vip1 {
    background-position: right 5px
}

.pub_9pcheader .user-site-ph .site-title .vip.vip2 {
    background-position: right -45px
}

.pub_9pcheader .user-site-ph .site-title .vip.vip3 {
    background-position: right -95px
}

.pub_9pcheader .user-site-ph .site-title .vip.vip4 {
    background-position: right -145px
}

.pub_9pcheader .user-site-ph .site-title .vip.vip5 {
    background-position: right -195px
}

.pub_9pcheader .user-site-ph .site-title .vip.vip6 {
    background-position: right -245px
}

.pub_9pcheader .user-site-name .name .link.vip {
    padding-right: 22px;
    color: #ff2a43;
    line-height: 20px;
    display: inline-block;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_new/vip_icon.png") no-repeat 1000px 1000px
}

.pub_9pcheader .user-site-name .name .vip.vip1 {
    background-position: right 0
}

.pub_9pcheader .user-site-name .name .vip.vip2 {
    background-position: right -50px
}

.pub_9pcheader .user-site-name .name .vip.vip3 {
    background-position: right -100px
}

.pub_9pcheader .user-site-name .name .vip.vip4 {
    background-position: right -150px
}

.pub_9pcheader .user-site-name .name .vip.vip5 {
    background-position: right -200px
}

.pub_9pcheader .user-site-name .name .vip.vip6 {
    background-position: right -250px
}

.footer {
    color: #000;
    font-size: 12px;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 24px;
    text-align: center;
    width: 1000px
}

.footer .link a {
    padding: 0 5px
}

.footer .fo_nav {
    margin: 0 7px
}

.nav {
    height: 90px;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_new/head_bg.jpg") repeat 0 0;
    min-width: 1000px
}

.nav .nav-main {
    width: 1000px;
    height: 100%;
    margin: 0 auto
}

.nav .logo {
    height: 70px;
    display: inline-block;
    float: left;
    margin-top: 10px
}

.nav .logo img {
    height: 100%
}

.search-con {
    float: left;
    width: 450px;
    height: 32px;
    margin: 6px 30px 0 0;
    _margin-right: 0px;
    position: relative;
    z-index: 1
}

.search-con .search-text {
    width: 288px;
    height: 32px;
    border: 0;
    text-indent: 8px;
    float: left;
    *line-height: 32px;
    line-height: 32px\0;
    color: #a8a8a8
}

.search-con .search-sub {
    width: 82px;
    height: 32px;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-family: \5FAE\8F6F\96C5\9ED1;
    line-height: 20px;
    float: left;
    cursor: pointer;
    letter-spacing: 4px;
    text-align: left;
    text-indent: 30px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-color: #f60;
    background-position: -82px -193px
}

.search-con .search-sub:hover {
    background-color: #ff8a00
}

.search-con .result-list {
    width: 266px;
    position: absolute;
    left: 80px;
    top: 32px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    overflow: hidden;
    display: none
}

.search-con .result-list li {
    color: #333;
    font-size: 14px;
    margin: 5px 5px;
    overflow: hidden;
    cursor: pointer
}

.search-con .result-list li.current {
    background-color: #ff8a00;
    color: #fff
}

.search-con .result-list li.current .name a,
.search-con .result-list li.current .name .type {
    color: #fff
}

.search-con .result-list li.spec {
    height: 58px;
    margin: 0;
    padding-left: 5px;
    border-bottom: 1px solid #f5f5f5
}

.search-con .result-list li.spec .name {
    width: 185px;
    line-height: 58px;
    float: left
}

.search-con .result-list li.spec .type {
    color: #999;
    font-size: 12px;
    padding-left: 5px
}

.search-con .result-list li .img {
    position: relative;
    width: 48px;
    height: 48px;
    float: left;
    margin: 5px 0 0 5px
}

.search-con .result-list li .img img {
    display: block;
    width: 48px;
    height: 48px
}

.search-con .result-list li .sr-btn {
    width: 200px;
    float: left;
    text-align: right;
    font-size: 0
}

.search-con .result-list li .down {
    width: 82px;
    height: 28px;
    display: inline-block;
    margin: 14px 5px 0;
    border: 1px solid #ccc;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
    color: #333;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fff, #fafafa);
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: -ms-linear-gradient(top, #fff, #fafafa);
    background: -o-linear-gradient(top, #fff, #fafafa);
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.search-con .result-list li .down:hover {
    color: #f60
}

.search-con .result-list li .down.android:hover {
    background: #a3ce0e;
    border-color: #a3ce0e;
    color: #fff
}

.search-con .result-list li .down.apple:hover {
    background: #54aede;
    border-color: #54aede;
    color: #fff
}

.search-con .result-list li .name {
    text-indent: 5px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.search-con .result-list li .name a {
    display: block
}

.nav .nav-main .search-main {
    float: right;
    margin: 10px 13px 0 0;
    width: 450px
}

.nav .nav-main .search-main .search-text {
    width: 365px
}

.nav .nav-main .search-main .hot-search {
    width: 450px;
    height: 42px;
    overflow: hidden
}

.nav .nav-main .search-main .result-list {
    left: 0;
    width: 445px
}

.sub-nav-con {
    height: 44px
}

.sub-nav-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999
}

.sub-nav {
    background-color: #4a4a4a;
    min-width: 1000px;
    height: 44px
}

.sub-nav .sub-main {
    width: 990px;
    height: 100%;
    margin: 0 auto
}

.sub-nav .sub-main a {
    float: left;
    width: 164px;
    _width: 163px;
    height: 44px;
    font-size: 18px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    display: block;
    border-right: 1px solid #5b5b5b
}

.sub-nav .sub-main a.last {
    border-right: none
}

.sub-nav .sub-main a.active,
.sub-nav .sub-main a:hover {
    width: 164px;
    _width: 163px;
    background: #ff6600;
    border-right: 1px solid #ff6600
}

.sub-nav .sub-main a h1 {
    font-size: 18px;
    font-weight: 400
}

.sub-nav .sub-main-ip a {
    width: 197px;
    _width: 196px
}

.sub-nav .sub-main-ip a.last {
    border-right: none
}

.sub-nav .sub-main-ip a.active,
.sub-nav .sub-main-ip a:hover {
    width: 197px;
    _width: 196px;
    background: #ff6600;
    border-right: 1px solid #ff6600
}

.sub-nav .ol-nav {
    width: 1000px;
    height: 100%;
    margin: 0 auto
}

.sub-nav .ol-nav a {
    float: left;
    width: 124px;
    _width: 123px;
    height: 44px;
    font-size: 18px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    display: block;
    border-right: 1px solid #5b5b5b
}

.sub-nav .ol-nav a:hover,
.sub-nav .ol-nav a.active {
    width: 124px;
    _width: 123px;
    background: #ff6600;
    border-right: 1px solid #ff6600
}

.sub-nav .ol-nav a h1 {
    font-size: 18px;
    font-weight: 400
}

.sub-nav .ol-nav a.last {
    border-right: 0;
    _margin: 0;
    _padding: 0
}

.hot-search {
    width: 500px;
    _width: 450px;
    height: 100%;
    float: left;
    overflow: hidden
}

.hot-search .name {
    color: #bcbcbc;
    line-height: 42px;
    font-weight: 700
}

.hot-search a {
    color: #a5a5a5;
    margin: 0 5px
}

.hot-search a:hover {
    text-decoration: underline
}

.footer {
    padding: 15px 0;
    margin-top: 0;
    border-top: 1px solid #f5f5f5
}

.footer,
.footer p {
    color: #808080
}

.footer a {
    color: #666
}

.popup_of {
    overflow: hidden
}

h1.index {
    font-size: 12px;
    color: #fff;
    position: absolute;
    text-indent: -99px
}

.main-con {
    width: 990px;
    padding: 10px 5px 0 5px;
    margin: 0 auto;
    background-color: #fff
}

.main-con.big {
    padding: 10px 10px 0 10px;
    background: #fff
}

.box,
.box-text {
    zoom: 1
}

.box:after,
.box-text:after {
    content: '';
    visibility: hidden;
    display: block;
    clear: both
}

.box.mar-box,
.box.android-game {
    margin-bottom: 15px
}

.box-title {
    height: 35px;
    border-bottom: 2px solid #ebebeb;
    position: relative
}

.box-title .inset-h,
.box-title h1,
.box-title h2,
.box-title h3,
.box-title p {
    position: absolute;
    display: inline-block;
    padding: 0 15px;
    left: 0;
    top: 0;
    line-height: 35px;
    font-weight: 700;
    border-bottom: 2px solid #f60;
    font-size: 20px;
    cursor: default
}

.box-title .inset-h h1 {
    position: static;
    color: #666;
    display: inline-block;
    left: 0;
    top: 0;
    line-height: 35px;
    font-size: 18px;
    cursor: default;
    font-weight: 400;
    margin-left: 5px;
    border-bottom: 0;
    padding: 0
}

.box-title h2,
.box-title h3,
.box-title p {
    display: inline-block;
    _zoom: 1;
    *display: inline
}

.box-title .more {
    float: right;
    margin: 8px 10px 0 0;
    font-size: 14px
}

.box-title .more:hover {
    text-decoration: underline
}

.box-title .double-more {
    position: absolute;
    right: 0;
    top: 10px
}

.box-title .double-more a {
    color: #333;
    display: inline-block;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    padding: 0 10px;
    border-right: 1px solid #ebebeb;
    border-bottom: 0
}

.box-title .double-more a.last {
    border-right: 0
}

.box-title .double-more a:hover {
    color: #f60
}

.tag-tit {
    height: 35px;
    border-bottom: 2px solid #ebebeb;
    background-color: #f5f5f5
}

.tag-tit .tag-tit-ul,
.tag-tit .tag-tit-ul2 {
    width: 70%;
    height: 100%;
    float: left
}

.tag-tit .tag-tit-ul li,
.tag-tit .tag-tit-ul2 li {
    height: 100%;
    float: left;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    cursor: pointer
}

.tag-tit .tag-tit-ul li.current,
.tag-tit .tag-tit-ul2 li.current {
    color: #f60;
    border-bottom: 2px solid #f60
}

.tag-tit .tag-tit-ul li.current a,
.tag-tit .tag-tit-ul2 li.current a {
    color: #f60
}

.tag-tit .tag-tit-ul li:hover,
.tag-tit .tag-tit-ul2 li:hover {
    color: #f60
}

.tag-tit .tag-tit-ul li:hover a,
.tag-tit .tag-tit-ul2 li:hover a {
    color: #f60
}

.tag-tit .more {
    float: right;
    margin: 8px 10px 0 0;
    font-size: 14px
}

.tag-tit .more:hover {
    text-decoration: underline
}

.tag-tit .more a {
    display: none
}

.tag-tit .more a.current {
    display: block
}

.tag-tit .tag-tit-ul2 li {
    text-align: center;
    line-height: 16px;
    padding: 0
}

.tag-tit .tag-tit-ul2 li .name {
    padding: 0 15px;
    display: inline-block;
    height: 16px;
    border-right: 1px solid #d9d9d9;
    margin-top: 10px
}

.tag-tit .tag-tit-ul2 li.last .name {
    border-right: 0
}

.little-tit {
    position: relative;
    height: 30px
}

.little-tit h1,
.little-tit h2,
.little-tit h3,
.little-tit p {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    left: 15px;
    top: 10px;
    font-size: 16px;
    line-height: 16px;
    border-left: 2px solid #f60;
    cursor: default
}

.little-tit h1,
.little-tit h2,
.little-tit h3 {
    display: inline-block;
    _zoom: 1;
    *display: inline
}

.little-tit .more {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 14px
}

.little-tit .more:hover {
    text-decoration: underline
}

.page-break {
    margin-bottom: 10px;
    color: #999;
    line-height: 12px
}

.page-break a {
    padding: 0 4px
}

.page-break a:hover {
    text-decoration: underline
}

.page-break span {
    color: #999;
    padding: 0 4px
}

.page-break h1 {
    display: inline-block;
    font-size: 12px;
    font-weight: 400
}

.page-break.padding {
    padding-left: 10px
}

*:focus {
    outline: none;
    -moz-outline: none
}

.popupArea {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #666;
    z-index: 1000;
    display: none
}

html {
    _background-image: url(about:blank);
    _background-attachment: fixed
}

* html .popupArea {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop));
    z-index: 99999
}

* html .popupArea {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)))
}

.opaBg {
    overflow-y: auto;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    _background: #000;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');
    width: 100%;
    height: 100%
}

:root .opaBg {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')
}

#pb_box {
    position: absolute;
    width: 1000px;
    height: 100%
}

.popup {
    width: 460px;
    padding-bottom: 10px;
    left: 50%;
    top: 50%;
    margin-left: -230px;
    margin-top: -250px;
    position: absolute;
    background: #fff
}

.close {
    width: 35px;
    height: 35px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-position: -144px -273px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    text-indent: -999em;
    z-index: 11
}

html,
body {
    _height: 100%
}

.popup .box-title {
    height: 39px;
    margin-bottom: 5px
}

.popup .box-title p {
    height: 39px;
    line-height: 39px;
    font-size: 18px;
    font-weight: 700
}

.popup .little-tit p {
    font-weight: 700
}

.popup .down-con {
    width: 430px;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px dotted #ebebeb
}

.popup a.popup-down {
    height: 48px;
    display: block;
    border: 1px solid #ccc;
    padding-top: 5px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fff, #fafafa);
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: -ms-linear-gradient(top, #fff, #fafafa);
    background: -o-linear-gradient(top, #fff, #fafafa)
}

.popup a.popup-down .name {
    font-size: 16px;
    line-height: 26px;
    text-align: center
}

.popup a.popup-down .size {
    text-align: center;
    color: #a0a0a0;
    font-size: 12px
}

.popup a.popup-down:hover {
    background: #ff8a00
}

.popup a.popup-down:hover .name {
    color: #fff
}

.popup a.popup-down:hover .size {
    color: #ffeddc
}

.news-list {
    padding: 5px 0 0 15px
}

.news-list li {
    padding-left: 15px;
    line-height: 28px;
    *line-height: 25px;
    _line-height: 28px;
    overflow: hidden;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-position: -196px -284px
}

.news-list li a {
    display: inline-block;
    float: left;
    max-width: 80%;
    *width: 80%;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.news-list li a:hover {
    text-decoration: underline
}

.news-list li .date {
    font-size: 12px;
    color: #999;
    float: right;
    margin-right: 10px
}

.news-list li a.remine {
    display: inline-block;
    width: 56px;
    height: 23px;
    line-height: 24px;
    text-indent: 25px;
    font-size: 12px;
    color: #666;
    text-decoration: none;
    float: right;
    margin-right: 2px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-position: -88px -426px;
    background-color: #f2f2f2;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.news-list li a.remine:hover {
    background-position: -138px -426px;
    background-color: #50c0ff;
    color: #fff
}

.game-ul-list {
    zoom: 1
}

.game-ul-list:after {
    content: '';
    visibility: hidden;
    display: block;
    clear: both
}

.game-ul-list li {
    padding: 10px;
    width: 90px;
    float: left;
    margin: 0 10px 5px 0
}

.game-ul-list li a.info {
    display: block;
    width: 90px;
    position: relative;
    cursor: pointer
}

.game-ul-list li a.info img {
    width: 90px;
    height: 90px;
    display: block
}

.game-ul-list li a.info p {
    width: 90px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.game-ul-list li a.info:hover p {
    color: #f60
}

.game-ul-list li .corner-publish {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/angular.png) no-repeat 0 -112px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/angular.gif) no-repeat 0 -112px
}

.game-ul-list li .corner-mine {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/angular.png) no-repeat 0 -163px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/angular.gif) no-repeat 0 -163px
}

.game-ul-list li .corner-nine {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 54px;
    height: 54px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/nine_act/nine_active.png) no-repeat 0 -74px
}

.game-ul-list li a.down {
    display: block;
    width: 66px;
    height: 23px;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    line-height: 23px;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fff, #fafafa);
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: -ms-linear-gradient(top, #fff, #fafafa);
    background: -o-linear-gradient(top, #fff, #fafafa)
}

.game-ul-list li a.down:hover {
    background: #ff8a00;
    border-color: #ff8a00;
    color: #fff;
    font-weight: 700
}

.game-ul-list li .no {
    display: block;
    width: 66px;
    height: 23px;
    border: 1px solid #f3f3f3;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    line-height: 23px;
    background: #f3f3f3;
    color: #a6a6a6;
    cursor: default
}

.game-ul-list li .no:hover {
    color: #a6a6a6
}

.game-ul-list li:hover {
    background-color: #f7f7f7
}

.game-ul-list li:hover p {
    color: #f60
}

.game-ul-list li:hover a.down {
    background: #ff8a00;
    border-color: #ff8a00;
    color: #fff
}

.game-ul-list li.last {
    margin-right: 0
}

.pic-word-con {
    border: 2px solid #fff;
    display: block;
    position: relative;
    overflow: hidden
}

.pic-word-con .text {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms
}

.pic-word-con .pic {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms
}

.pic-word-con:hover {
    border: 2px solid #f60
}

.pic-word-con:hover .pic {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05)
}

.video-word-con {
    display: block;
    position: relative;
    overflow: hidden;
    _border: 1px solid #fff
}

.video-word-con .text {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms
}

.video-word-con .text .word {
    width: 88%;
    height: 100%;
    display: block;
    padding-left: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.video-word-con .text .play {
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.video-word-con .play {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    display: none;
    background: #fc8900 url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/lit_icon.png) no-repeat 11px -122px;
    _background: #fc8900 url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/lit_icon.gif) no-repeat 11px -122px
}

.video-word-con .pic {
    display: block;
    width: 100%;
    height: 100%
}

.video-word-con .meng {
    width: 100%;
    _width: 0;
    height: 100%;
    _height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #000;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    _display: none
}

.video-word-con:hover {
    _border: 1px solid #f60
}

.video-word-con:hover .text {
    bottom: -30px
}

.video-word-con:hover .meng {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.video-word-con:hover .play {
    display: block;
    _display: none
}

.littlt-fix-nav {
    position: fixed;
    left: 50%;
    margin-left: 505px;
    bottom: 80px;
    width: 40px;
    display: block;
    _display: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    z-index: 10
}

.littlt-fix-nav li {
    height: 36px;
    padding: 2px 0;
    margin-bottom: 1px;
    background: #f3f3f3;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    text-align: center
}

.littlt-fix-nav li:hover {
    color: #fff;
    background-color: #ff8a00;
    cursor: pointer
}

.littlt-fix-nav li.on {
    color: #fff;
    background-color: #ff8a00;
    cursor: pointer
}

.littlt-fix-nav li:hover .link {
    display: block
}

.littlt-fix-nav .link {
    display: none;
    width: 100%;
    height: 36px;
    margin-bottom: 1px;
    background: #ff8a00;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.littlt-fix-nav .to-top {
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-color: #f3f3f3;
    background-position: -38px -303px;
    visibility: hidden
}

.littlt-fix-nav .to-top:hover {
    cursor: pointer;
    background-color: #ff8a00;
    background-position: 8px -302px
}

.littlt-fix-nav #bdshare {
    width: 40px;
    float: none
}

.littlt-fix-nav #bdshare .bds_more {
    margin: 0;
    padding: 0;
    display: none;
    width: 100%;
    height: 36px;
    margin-bottom: 1px;
    background: #ff8a00 !important;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.littlt-fix-nav #bdshare:hover .bds_more {
    display: block;
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.littlt-fix-nav #bdshare:hover .bds_more:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.littlt-fix-nav .suggest {
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-color: #f3f3f3;
    background-position: -110px -596px;
    position: relative
}

.littlt-fix-nav .suggest .sugg-weixin {
    width: 210px;
    position: absolute;
    left: -217px;
    bottom: 0;
    border: 1px solid #d9d9d9;
    z-index: 20;
    background: #fff;
    display: none;
    cursor: default
}

.littlt-fix-nav .suggest .sugg-weixin .title {
    height: 33px;
    line-height: 33px;
    text-indent: 10px;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: 700;
    background: #f6f6f6;
    border-bottom: 1px solid #d9d9d9
}

.littlt-fix-nav .suggest .sugg-weixin .img {
    width: 178px;
    margin: 15px 0 15px 15px;
    border: 1px solid #d9d9d9
}

.littlt-fix-nav .suggest .sugg-weixin .img img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 10px auto
}

.littlt-fix-nav .suggest .sugg-weixin .text {
    border-top: 1px solid #d9d9d9;
    line-height: 22px;
    text-align: left;
    color: #666;
    font-size: 12px;
    padding: 5px 10px
}

.littlt-fix-nav .share {
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-color: #f3f3f3;
    background-position: -139px -621px
}

.bdshare_popup_box {
    position: fixed !important;
    left: 50% !important;
    margin-left: 276px !important;
    bottom: 121px !important;
    top: auto !important;
    _display: none
}

.bdshare_popup_bg {
    display: none !important
}

.radius90 {
    width: 90px;
    height: 90px;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.png) no-repeat 0 0;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.gif) no-repeat 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.radius60 {
    width: 60px;
    height: 60px;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.png) no-repeat 0 0;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.gif) no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: 0 -90px;
    position: absolute;
    top: 0;
    left: 0
}

.radius70 {
    width: 70px;
    height: 70px;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.png) no-repeat 0 0;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.gif) no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: -70px -90px;
    position: absolute;
    top: 0;
    left: 0
}

.radius120 {
    width: 120px;
    height: 120px;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.png) no-repeat 0 0;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.gif) no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: 0 -330px;
    position: absolute;
    top: 0;
    left: 0
}

.radius140 {
    width: 140px;
    height: 140px;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.png) no-repeat 0 0;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.gif) no-repeat 0 0;
    background-repeat: no-repeat;
    background-position: 0 -185px;
    position: absolute;
    top: 0;
    left: 0
}

.guide-app-fix {
    width: 100%;
    height: 160px;
    background: #FCBC3C;
    position: fixed;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 999;
    background: url(https://portal.ucgc.ucfly.com/public/images/brand_image/pc/pc_download_guide.png) no-repeat center bottom;
}

.guide-app-fix .box-text {
    width: 1000px;
    height: 100%;
    position: relative;
    margin: 0 auto
}

.guide-app-fix .link {
    width: 108px;
    height: 60px;
    display: block;
    position: absolute;
    top: 89px;
    right: 155px;
    overflow: hidden;
    text-indent: -555px
}

.guide-app-fix .link:hover {
    background-position: 0 -65px
}

.guide-app-fix .word {
    width: 640px;
    height: 92px;
    position: absolute;
    left: 10px;
    top: 0;
    overflow: hidden;
    text-indent: -998px;
    display: none
}

.guide-app-fix .code {
    width: 132px;
    height: 160px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.guide-app-fix .c {
    width: 96px;
    height: 96px;
    display: block;
    position: absolute;
    bottom: 15px;
    left: 55px;
    display: none
}

.guide-app-fix .close {
    top: 94px;
    right: -62px;
    width: 38px;
    height: 38px;
    position: absolute;
    background: none;
}

.width90 li a.info img {
    width: 90px;
    height: 90px
}

.width90 li a.info .radius90 {
    left: 43px
}

.width90 li .game-ico {
    width: 90px;
    height: 90px;
    margin-top: 9px
}

.width90 li .game-ico img {
    display: block;
    width: 90px;
    height: 90px
}

.icon-android,
.icon-iphone {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-position: -160px -315px
}

.icon-iphone {
    background-position: -179px -315px
}

#search_popup .opaBg {
    _background: none;
    filter: none
}

.sr-popup {
    width: 730px;
    height: 190px;
    position: absolute;
    left: 50%;
    top: 16px;
    margin-left: -228px
}

.sr-popup .sr-tips-btn {
    width: 258px;
    height: 190px;
    float: left;
    position: relative;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_new/search_tips.png") no-repeat center center
}

.sr-popup .sr-tips-text {
    width: 450px;
    height: 34px;
    float: left;
    margin-left: 6px;
    margin-top: 33px;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_new/sr_tips.jpg") no-repeat center center
}

.sr-popup .sr-close {
    width: 120px;
    height: 38px;
    position: absolute;
    left: 49px;
    bottom: 29px;
    cursor: pointer
}

.sub-nav .ol-nav a.sp-nav {
    width: 110px !important
}

.sub-nav .ol-nav a.sp-nav.active {
    width: 110px !important
}


/* 
源文件地址：https://portal.static.9game.cn/public/stylesheets/pc2/newgame/new_index/new_index.css
对应pc端4295:newgame榜单更新 
 */

.mar30-box {
    margin-bottom: 30px
}

.top-game-recom {
    border: 1px solid #ebebeb;
    border-left: 2px solid #f80;
    margin-bottom: 10px
}

.top-game-recom .title {
    width: 27px;
    height: 121px;
    padding-left: 10px;
    padding-top: 40px;
    line-height: 20px;
    float: left;
    border-right: 1px solid #ebebeb;
    font-size: 18px;
    font-weight: 700
}

.top-game-recom .right-recom {
    margin-left: 38px
}

.top-game-recom .up-side {
    height: 71px
}

.top-game-recom .top-recom {
    width: 789px;
    height: 56px;
    padding: 7px 0;
    overflow: hidden;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px dotted #ebebeb
}

.top-game-recom .top-link {
    height: 15px;
    line-height: 14px;
    font-size: 14px;
    padding: 0 14px;
    margin: 7px 0;
    display: inline-block;
    border-right: 1px solid #ebebeb;
    float: left;
    white-space: nowrap;
    overflow: hidden
}

.top-game-recom .top-link:hover {
    color: #f80;
    text-decoration: underline
}

.top-game-recom .top-link.last {
    border: 0
}

.top-game-recom .top-link.org {
    color: #ff784f
}

.top-game-recom .today-game {
    width: 158px;
    _width: 152px;
    height: 70px;
    float: right;
    text-align: center;
    border-bottom: 1px dotted #ebebeb
}

.top-game-recom .today-game .des {
    font-size: 14px;
    margin: 10px 0
}

.top-game-recom .today-game .des .org {
    color: #f80
}

.top-game-recom .today-game .more {
    display: block;
    color: #ff784f;
    font-size: 12px
}

.top-game-recom .today-game .more:hover {
    text-decoration: underline
}

.top-game-recom .today-game .more .icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_icon.png") no-repeat 1px 1px;
    _background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_icon.gif") no-repeat 1px 1px
}

.top-game-recom .down-side {
    height: 80px;
    padding: 5px 0;
    overflow: hidden
}

.top-game-recom .down-side li {
    height: 80px;
    padding: 0 4px;
    border-right: 1px solid #ebebeb;
    float: left
}

.top-game-recom .down-side li.last {
    border: 0
}

.top-game-recom .down-side .link {
    width: 149px;
    _width: 148px;
    height: 100%;
    display: block
}

.top-game-recom .down-side .link:hover {
    background: #fafafa
}

.top-game-recom .down-side .link:hover .name {
    color: #f60
}

.top-game-recom .down-side .img {
    width: 60px;
    height: 60px;
    margin: 10px 0 0 5px;
    position: relative;
    float: left;
    overflow: hidden
}

.top-game-recom .down-side .img img {
    width: 60px;
    height: 60px;
    display: block
}

.top-game-recom .down-side .corner-nine {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 54px;
    height: 54px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/nine_act/nine_active.png) no-repeat 0 -74px
}

.top-game-recom .down-side .right {
    width: 78px;
    _width: 75px;
    float: right
}

.top-game-recom .down-side .right .name {
    width: 100%;
    line-height: 16px;
    margin: 15px 0 14px 0;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.top-game-recom .down-side .right .des {
    color: #666;
    font-size: 12px
}

.ol-popul {
    margin-bottom: 30px
}

.focus-con {
    width: 600px;
    float: left
}

.focus-con .focus-img-con {
    width: 100%;
    height: 340px;
    overflow: hidden;
    position: relative
}

.focus-con .focus-img-con .focus-img {
    width: 100%;
    height: 100%;
    position: relative
}

.focus-con .focus-img-con .focus-img li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.focus-con .focus-img-con .focus-img li.current {
    display: block
}

.focus-con .focus-img-con .focus-img li a {
    display: block
}

.focus-con .focus-img-con .focus-img li img {
    display: block;
    width: 100%;
    height: 100%
}

.focus-con .focus-img-con .focus-img li .text {
    width: 100%;
    height: 38px;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, 0.5)
}

.focus-con .focus-img-con .btn {
    width: 65px;
    height: 120px;
    display: block;
    position: absolute;
    bottom: 115px;
    cursor: pointer;
    display: none;
    background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_ctrl.png") no-repeat 100px 100px;
    _background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_ctrl.gif") no-repeat 100px 100px
}

.focus-con .focus-img-con .prev {
    left: 0;
    background-position: 10px 23px
}

.focus-con .focus-img-con .prev:hover {
    background-position: -130px 23px
}

.focus-con .focus-img-con .next {
    right: 0;
    background-position: -66px 23px
}

.focus-con .focus-img-con .next:hover {
    background-position: -195px 23px
}

.focus-con .focus-ctrl-con {
    width: 100%;
    height: 65px;
    position: relative
}

.focus-con .focus-ctrl-con .focus-ctrl {
    height: 100%;
    position: relative;
    overflow: hidden
}

.focus-con .focus-ctrl-con .focus-ctrl ul {
    height: 65px;
    position: relative;
    margin-left: -10px
}

.focus-con .focus-ctrl-con .focus-ctrl li {
    width: 112px;
    margin-left: 10px;
    _margin-left: 8px;
    float: left;
    position: relative
}

.focus-con .focus-ctrl-con .focus-ctrl li a {
    padding-top: 5px;
    display: block
}

.focus-con .focus-ctrl-con .focus-ctrl li img {
    display: block;
    width: 112px;
    height: 60px
}

.focus-con .focus-ctrl-con .focus-ctrl li .meng {
    display: block;
    width: 112px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    _display: none;
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter: Alpha(opacity=30);
    z-index: 10;
    cursor: pointer
}

.focus-con .focus-ctrl-con .focus-ctrl li.current a,
.focus-con .focus-ctrl-con .focus-ctrl li a:hover {
    background: url(https://www.9game.cn/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://www.9game.cn/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-position: -42px -475px
}

.focus-con .focus-ctrl-con .focus-ctrl li.current img,
.focus-con .focus-ctrl-con .focus-ctrl li a:hover img {
    width: 110px;
    height: 58px;
    border: 1px solid #f60
}

.focus-con .focus-ctrl-con .focus-ctrl li.current .meng {
    display: none
}

.focus-con .focus-ctrl-con .btn {
    width: 18px;
    height: 60px;
    display: block;
    position: absolute;
    bottom: 0;
    background: url(https://www.9game.cn/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://www.9game.cn/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-color: #999;
    cursor: pointer
}

.focus-con .focus-ctrl-con .btn:hover {
    background-color: #ff8a00
}

.focus-con .focus-ctrl-con .btn.no {
    background-color: #f5f5f5
}

.focus-con .focus-ctrl-con .prev.no {
    background-position: -153px -430px
}

.focus-con .focus-ctrl-con .next.no {
    background-position: -182px -430px
}

.focus-con .focus-ctrl-con .prev {
    left: 0;
    background-position: -68px -427px
}

.focus-con .focus-ctrl-con .next {
    right: 0;
    background-position: -115px -430px
}

.ol-hotnews-con {
    width: 378px;
    float: right
}

.ol-hotnews-con .tag-tit {
    position: relative
}

.ol-hotnews-con .tag-tit .tit {
    font-size: 16px
}

.ol-hotnews-con .tag-tit .more {
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 0px
}

.ol-hotnews-con .tag-tit .more:hover {
    text-decoration: underline
}

.ol-hotnews-con .box-text {
    height: 356px;
    border: 1px solid #ebebeb;
    border-top: 0;
    padding: 5px 10px;
    overflow: hidden
}

.ol-hotnews-con .text-con {
    display: none
}

.ol-hotnews-con .text-con.current {
    display: block
}

.ol-hotnews-con .new-tit-con {
    border-bottom: 1px dotted #ebebeb
}

.ol-hotnews-con .new-tit {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 48px;
    color: #f60;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ol-hotnews-con .new-tit a {
    color: #f60
}

.ol-hotnews-con .new-tit a:hover {
    text-decoration: underline
}

.ol-hotnews-con .side-new {
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 22px
}

.ol-hotnews-con .side-new a {
    width: 49%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ol-hotnews-con .side-new a:hover {
    text-decoration: underline
}

.ol-hotnews-con .hotnews-list {
    margin: 2px 0 10px 0
}

.ol-hotnews-con .hotnews-list li {
    height: 30px;
    *height: 26px;
    line-height: 30px;
    *line-height: 26px;
    font-size: 14px;
    overflow: hidden
}

.ol-hotnews-con .hotnews-list li .type {
    width: 42px;
    display: inline-block;
    padding-right: 10px;
    line-height: 14px;
    float: left;
    text-align: center;
    margin-top: 9px;
    border-right: 1px solid #d0d0d0
}

.ol-hotnews-con .hotnews-list li a.link {
    width: 254px;
    _width: 245px;
    display: inline-block;
    padding-left: 10px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ol-hotnews-con .hotnews-list li a.link:hover {
    text-decoration: underline
}

.ol-hotnews-con .hotnews-list li .date {
    display: inline-block;
    color: #999;
    float: right;
    font-size: 12px
}

.left-con {
    width: 600px;
    float: left;
    margin-bottom: 5px
}

.baoliao-con {
    margin-bottom: 30px
}

.baoliao-con li {
    padding: 15px 0 14px 15px;
    height: 80px;
    border-bottom: 1px dotted #ebebeb;
    margin-top: -1px
}

.baoliao-con li:hover {
    background-color: #fafafa
}

.baoliao-con li a:hover {
    text-decoration: underline
}

.baoliao-con .img {
    width: 106px;
    height: 80px;
    position: relative;
    float: left;
    margin-right: 10px
}

.baoliao-con .img img {
    display: block;
    width: 100%;
    height: 100%
}

.baoliao-con .img .corner-nine {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 54px;
    height: 54px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/nine_act/nine_active.png) no-repeat 0 -74px
}

.baoliao-con .des {
    margin-left: 116px;
    position: relative
}

.baoliao-con .tit {
    font-size: 14px;
    font-weight: 700;
    padding: 1px 0 8px
}

.baoliao-con .tit a {
    max-width: 368px;
    _width: 368px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.baoliao-con .tit .pic {
    width: 19px;
    height: 18px;
    margin-left: 5px;
    display: inline-block;
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_icon.png) no-repeat -71px -93px
}

.baoliao-con .tit .video {
    width: 19px;
    height: 18px;
    margin-left: 5px;
    display: inline-block;
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_icon.png) no-repeat 0 -93px
}

.baoliao-con .text {
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden
}

.baoliao-con .text .more {
    color: #f80
}

.baoliao-con .time {
    position: absolute;
    right: 0;
    top: 2px;
    color: #999;
    font-size: 12px;
    cursor: default
}

.radius80 {
    width: 80px;
    height: 80px;
    display: block;
    background: url(https://www.9game.cn/public/images/pc/pc_new/img_radius.png) no-repeat 0 -450px;
    _background: url(https://www.9game.cn/public/images/pc/pc_new/img_radius.gif) no-repeat 0 -450px;
    position: absolute;
    top: 0;
    left: 0
}

.activation-con {
    margin-bottom: 10px
}

.activation-con .box-text {
    padding-top: 10px
}

.activation-con .icon-word-list {
    height: 200px
}

.activation-con .icon-word-list li {
    width: 184px;
    height: 80px;
    margin-left: 4px;
    padding: 10px 0 10px 10px;
    float: left;
    overflow: hidden;
    cursor: pointer
}

.activation-con .icon-word-list li:hover {
    background: #f7f7f7
}

.activation-con .icon-word-list li:hover .tit {
    color: #f60
}

.activation-con .icon-word-list a:hover {
    _display: block
}

.activation-con .icon-word-list a:hover .btn {
    _color: #fff;
    _background: #ff8a00;
    _border-color: #ff8a00
}

.activation-con .icon-word-list .pic {
    width: 80px;
    margin: 0 10px 0 0;
    float: left;
    position: relative;
    _cursor: pointer
}

.activation-con .icon-word-list .pic img {
    width: 80px;
    height: 80px
}

.activation-con .icon-word-list .right-text {
    width: 90px;
    _width: 90px;
    height: 80px;
    margin-top: 4px;
    float: left;
    _cursor: pointer
}

.activation-con .icon-word-list .right-text .tit {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px
}

.activation-con .icon-word-list .right-text .tit a {
    max-width: 100%;
    _width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.activation-con .icon-word-list .right-text .text {
    width: 100%;
    height: 14px;
    color: #666;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    overflow: hidden
}

.activation-con .icon-word-list .right-text .text a {
    color: #666
}

.activation-con .icon-word-list .right-text .btn {
    display: block;
    width: 78px;
    height: 22px;
    border: 1px solid #ccc;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fff, #fafafa);
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: -ms-linear-gradient(top, #fff, #fafafa);
    background: -o-linear-gradient(top, #fff, #fafafa);
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.activation-con .icon-word-list .right-text .btn:hover {
    color: #fff;
    background: #ff8a00;
    border-color: #ff8a00
}

.activation-con .icon-word-list .right-text .btn.no {
    background: #ccc;
    border-color: #ccc;
    color: #fff;
    cursor: default
}

.activation-con .icon-word-list .corner-nine {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 54px;
    height: 54px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/nine_act/nine_active.png) no-repeat 0 -74px
}

.today-talk-con .box-text {
    border-bottom: 1px solid #f5f5f5
}

.today-talk-con .little-tit .tit {
    color: #666;
    font-size: 16px;
    position: absolute;
    left: 50px;
    top: -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.today-talk-con .little-tit .tit:hover {
    color: #f80
}

.today-talk-con .des {
    height: 44px;
    overflow: hidden
}

.today-talk-con .little-tit h1,
.today-talk-con .little-tit h2,
.today-talk-con .little-tit h3 {
    left: 0;
    top: 0
}

.today-talk-con .today {
    margin-top: 14px;
    padding: 0 15px 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #ebebeb;
    position: relative
}

.today-talk-con .today .icon {
    width: 70px;
    height: 70px;
    display: block;
    left: 15px;
    top: 0;
    position: absolute;
    text-indent: -555px;
    overflow: hidden;
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_icon.png) no-repeat 0 0
}

.today-talk-con .today .new {
    height: 70px;
    font-size: 12px;
    line-height: 22px;
    color: #666;
    padding-left: 84px
}

.today-talk-con .today .more {
    color: #f80
}

.today-talk-con .today .more:hover {
    text-decoration: underline
}

.today-talk-con .back {
    padding-left: 15px
}

.today-talk-con .back .little-tit {
    height: 21px
}

.today-talk-con .back .news-list {
    padding: 0;
    height: 48px;
    overflow: hidden;
    margin-left: -25px
}

.today-talk-con .back .news-list li {
    width: 260px;
    line-height: 24px;
    _line-height: 24px;
    float: left;
    margin-left: 25px
}

.today-talk-con .back .news-list .date {
    margin: 0
}

.spec-comment {
    width: 600px;
    float: left
}

.spec-comment .icon-word-list li {
    height: 90px;
    margin-left: 4px;
    padding: 24px 0 15px 15px;
    overflow: hidden;
    border-bottom: 1px dotted #ebebeb
}

.spec-comment .icon-word-list li:hover {
    background: #f7f7f7
}

.spec-comment .icon-word-list li:hover .tit {
    color: #f60
}

.spec-comment .icon-word-list a:hover {
    _display: block
}

.spec-comment .icon-word-list a:hover .btn {
    _color: #fff;
    _background: #ff8a00;
    _border-color: #ff8a00
}

.spec-comment .icon-word-list .pic {
    width: 119px;
    float: left;
    position: relative;
    _cursor: pointer
}

.spec-comment .icon-word-list .pic img {
    width: 100%;
    height: 90px
}

.spec-comment .icon-word-list .pic .radius90 {
    display: none
}

.spec-comment .icon-word-list .right-text {
    height: 90px;
    margin: 1px 0 0 130px;
    _cursor: pointer
}

.spec-comment .icon-word-list .right-text .tit {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    font-weight: 700
}

.spec-comment .icon-word-list .right-text .tit a {
    max-width: 100%;
    _width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.spec-comment .icon-word-list .right-text .text {
    width: 100%;
    height: 36px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    overflow: hidden
}

.spec-comment .icon-word-list .right-text .text a {
    color: #666
}

.spec-comment .icon-word-list .right-text .btn-con {
    height: 22px
}

.spec-comment .icon-word-list .right-text .btn {
    display: block;
    height: 20px;
    float: left;
    margin-right: 10px;
    padding: 0 12px;
    border: 1px solid #ccc;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: center;
    cursor: default;
    background: #fff;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.spec-comment .icon-word-list .corner-nine {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 54px;
    height: 54px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/nine_act/nine_active.png) no-repeat 0 -74px
}

.new-game-topic {
    margin-bottom: 30px
}

.new-game-topic .box-text {
    padding: 15px 0 0 3px
}

.new-game-topic .topic-list li {
    width: 230px;
    float: left;
    margin-left: 14px;
    _margin-left: 12px;
    position: relative;
    top: 0;
    transition: top 300ms;
    -moz-transition: top 300ms;
    -webkit-transition: top 300ms;
    -o-transition: top 300ms
}

.new-game-topic .topic-list li:hover {
    top: -4px
}

.new-game-topic .topic-list li:hover .word {
    border-color: #f80;
    background: #f80;
    color: #fff
}

.new-game-topic .topic-list .img {
    width: 230px;
    height: 175px;
    display: block
}

.new-game-topic .topic-list .img img {
    width: 100%;
    height: 100%
}

.new-game-topic .topic-list .word {
    width: 218px;
    height: 31px;
    display: block;
    padding: 0 5px;
    border: 1px solid #ebebeb;
    border-top: 0;
    color: #666;
    line-height: 31px;
    text-align: center;
    background: #fafafa;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new-game-topic .topic-list .word:hover {
    border-color: #f80;
    background: #f80;
    color: #fff
}

.new-game-video {
    margin-bottom: 30px
}

.new-game-video .box-text {
    padding-top: 15px
}

.new-game-video .left {
    width: 480px;
    height: 270px;
    margin-left: 15px;
    _margin-left: 10px;
    overflow: hidden;
    float: left
}

.new-game-video .left .video-word-con {
    width: 100%;
    height: 100%
}

.new-game-video .left .video-word-con .text {
    font-size: 16px
}

.new-game-video .right {
    width: 490px;
    height: 270px;
    overflow: hidden;
    float: left
}

.new-game-video .right .video-word-con {
    width: 230px;
    height: 130px;
    margin: 0 0 10px 12px;
    _margin: 0 0 10px 8px;
    float: left
}

.new-game-video .right .video-word-con .text {
    height: 22px;
    line-height: 22px;
    font-size: 12px
}

.new-game-video .right .video-word-con .word {
    width: 85%;
    padding-left: 28px
}

.new-game-video .right .video-word-con .play {
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    background-position: 8px -157px
}

.new-game-video .right .video-word-con .text .play {
    margin: 0
}

.speard-con {
    z-index: 1;
    margin-bottom: 30px
}

.speard-con .box-text {
    padding: 15px 0 0 15px
}

.speard-con .speard206 {
    width: 207px;
    height: 100%;
    margin-right: 1px;
    float: left
}

.speard-con .speard181 {
    width: 182px;
    height: 100%;
    margin-right: 1px;
    float: left
}

.speard-con a.img1 {
    height: 275px
}

.speard-con a.img2 {
    height: 137px;
    margin-bottom: 1px
}

.speard-con .box-text a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.speard-con .box-text a img {
    width: 100%;
    height: 100%;
    _float: left
}

.speard-con .box-text a .meng {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    background: url("https://www.9game.cn/public/images/pc/pc_new/meng.png") repeat-x left bottom;
    _background: url("https://www.9game.cn/public/images/pc/pc_new/meng.gif") repeat-x left bottom;
    z-index: 200;
    cursor: pointer
}

.speard-con .box-text a .meng .meng-con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.speard-con .box-text a .meng .tit {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: center
}

.speard-con .box-text a .meng .tit2 {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding: 20px 0;
    text-align: center
}

.speard-con .box-text a .meng .text {
    padding: 10px;
    color: #dad9d9;
    line-height: 22px;
    text-indent: 2em
}

.speard-con .box-text a .meng.meng2 {
    background: url("https://www.9game.cn/public/images/pc/pc_new/meng2.png") repeat-x left bottom;
    _background: url("https://www.9game.cn/public/images/pc/pc_new/meng2.gif") repeat-x left bottom
}

.game-con-5 {
    border-bottom: 1px solid #f5f5f5
}

.game-con-5 .more .icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_icon.png") no-repeat 1px 1px;
    _background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_icon.gif") no-repeat 1px 1px
}

.game-con-5 .more .org {
    color: #f80
}

.game-con-5 .box-text {
    padding: 10px 0 0 0;
    overflow: hidden
}

.game-con-5 .game-ul-list {
    margin-left: -10px
}

.game-con-5 .game-ul-list li {
    margin: 0 0 5px 14px
}

.game-con-5 .game-ul-list .corner-nine {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 54px;
    height: 54px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/nine_act/nine_active.png) no-repeat 0 -74px
}

.right-con {
    width: 378px;
    float: right
}

.right-con .hope-test {
    margin-bottom: 30px
}

.open-test {
    width: 378px;
    float: right
}

.open-test .box-text {
    height: 510px;
    position: relative;
    border-bottom: 1px dotted #f5f5f5
}

.open-test .more .icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_icon.png") no-repeat 1px 1px;
    _background: url("https://www.9game.cn/public/images/pc/pc_new/new_index_icon.gif") no-repeat 1px 1px
}

.open-test .more .org {
    color: #f80
}

.open-test table {
    width: 100%;
    text-align: center;
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.open-test table th {
    background-color: #fdfdfd;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #f5f5f5;
    cursor: default;
    color: #666
}

.open-test table th.time {
    width: 55px
}

.open-test table th.name {
    width: 190px
}

.open-test table th.static {
    width: 105px
}

.open-test table th.downtr {
    width: 44px
}

.open-test table th.type {
    width: 44px
}

.open-test table th.hottr {
    width: 59px
}

.open-test table tr {
    width: 100%;
    border-bottom: 1px dotted #ebebeb
}

.open-test table tr:hover {
    background: #f7f7f7 !important
}

.open-test table tr.last {
    border: 0
}

.open-test table tr.spec {
    background: #fff8f0
}

.open-test table td {
    height: 39px;
    font-size: 14px
}

.open-test table td.time1 {
    color: #666;
    cursor: default
}

.open-test table td.time1 .d {
    color: #666;
    line-height: 20px;
    font-size: 14px
}

.open-test table td.time1 .t {
    color: #999;
    line-height: 16px;
    font-size: 12px
}

.open-test table td.time2 {
    cursor: default;
    color: #666;
    font-size: 12px
}

.open-test table td.static {
    color: #666;
    cursor: default
}

.open-test table td.static .p2 {
    display: block;
    line-height: 16px;
    font-size: 12px
}

.open-test table td.type {
    width: 44px;
    cursor: default
}

.open-test table td.hot {
    text-align: right
}

.open-test table .num {
    color: #999;
    cursor: default
}

.open-test table .num .n {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: #ccc;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.open-test table .num.num1 .n {
    background: #f60
}

.open-test table .num.num2 .n {
    background: #ff9000
}

.open-test table .num.num3 .n {
    background: #ffc000
}

.open-test table .hot {
    cursor: default
}

.open-test table .hot .up {
    padding-right: 14px;
    margin-right: 4px;
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_rank.png) no-repeat right 4px
}

.open-test table .hot .mid {
    margin-right: 4px;
    padding-right: 14px;
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_rank.png) no-repeat right -35px
}

.open-test table .hot .low {
    margin-right: 4px;
    padding-right: 14px;
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_rank.png) no-repeat right -69px
}

.open-test table .btn {
    display: block;
    margin: 1px auto;
    width: 24px;
    height: 24px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: url(https://www.9game.cn/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px 100px;
    _background: url(https://www.9game.cn/public/images/pc/pc_new/pcnew_ico.gif) no-repeat 100px 100px;
    background-color: #f2f2f2;
    overflow: hidden;
    text-indent: -500px
}

.open-test table a.name {
    text-align: center;
    display: inline-block;
    width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.open-test table a.name:hover {
    text-decoration: underline
}

.open-test table a.act {
    width: 40px;
    height: 20px;
    display: inline-block;
    margin-left: 1px;
    overflow: hidden;
    text-indent: -555px;
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_icon.png) no-repeat 0 -120px
}

.open-test table .home {
    background-position: -127px 2px
}

.open-test table .home:hover {
    background-position: -89px 2px;
    background-color: #ff8a00
}

.open-test table .down {
    background: #f2f2f2 url(https://www.9game.cn/public/images/pc/pc_new/newgame_rank.png) no-repeat 7px -148px
}

.open-test table .down:hover {
    background-position: 7px -106px;
    background-color: #a3ce0e;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms
}

.open-test table .down.no {
    background-position: 7px -193px;
    background-color: #f2f2f2;
    cursor: default
}

.open-test table .down.no:hover {
    background-position: 7px -193px;
    background-color: #f2f2f2
}

.open-test table .gift {
    background: url(https://www.9game.cn/public/images/pc/pc_new/lit_icon.png) no-repeat 3px -52px;
    _background: url(https://www.9game.cn/public/images/pc/pc_new/lit_icon.gif) no-repeat 3px -52px;
    background-color: #f2f2f2
}

.open-test table .gift:hover {
    background-position: 3px -25px;
    background-color: #ff622b
}

.open-test table .gift.no {
    background-position: 3px -74px;
    cursor: default
}

.open-test table .gift.no:hover {
    background-position: 3px -74px;
    background-color: #f2f2f2
}

.open-test table.current {
    display: block
}

.hope-test .box-text {
    height: 435px
}

.hope-test .box-text table td {
    text-align: center
}

.hope-test .box-text table th.time {
    width: 36px
}

.hope-test .box-text table th.hottr {
    width: 63px
}

.new-test .box-text {
    height: 435px
}

.new-test .box-text table th.name {
    width: 135px
}

.new-test .box-text table th.type {
    width: 75px
}

.new-test .box-text table th.hottr {
    width: 70px
}

.new-test .box-text table td.name {
    width: 120px
}

.new-test .box-text table td.type {
    width: 75px
}

.new-test .box-text table td.hottr {
    width: 95px
}

.new-test .box-text table .hot .up,
.new-test .box-text table .hot .mid,
.new-test .box-text table .hot .low {
    margin-right: 8px
}

.new-open .box-text {
    height: 520px
}

.new-open .in-table {
    padding-left: 4px;
    background: #fdfdfd;
    border-left: 1px solid #f5f5f5
}

.new-open .in-table2 {
    height: 486px;
    background: #fff;
    border-left: 1px solid #f5f5f5
}

.new-open table th.name,
.new-open table td.name {
    width: 190px
}

.new-open table th.time,
.new-open table td.time {
    width: 80px
}

.new-open table th.hottr,
.new-open table td.hottr {
    width: 80px;
    text-align: center
}

.new-open table th.downtr,
.new-open table td.downtr {
    width: 44px
}

.new-open table {
    position: relative
}

.new-open table td {
    text-align: center
}

.new-open table tr {
    border-top: 1px dotted #ebebeb;
    border-bottom: none
}

.new-open table tr.last {
    border-bottom: 1px dotted #ebebeb
}

.new-open table a.name {
    float: none
}

.new-open .title {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: 700;
    text-indent: 22px;
    position: relative;
    left: -13px
}

.new-open .title.title1 {
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_icon.png) no-repeat 0 -210px
}

.new-open .title.title2 {
    background: url(https://www.9game.cn/public/images/pc/pc_new/newgame_icon.png) no-repeat -72px -181px
}

.new-open .title .org {
    color: #f80;
    font-weight: 400
}

.new-classify-con {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px
}

.new-classify-con .cans {
    width: 178px;
    height: 87px;
    float: left;
    margin: 15px 0 0 15px;
    position: relative;
    border: 1px solid #e6e6e6
}

.new-classify-con .cans a {
    width: 100%;
    height: 68px;
    display: block;
    font-size: 18px;
    text-indent: 10px;
    line-height: 36px;
    font-weight: 400;
    position: relative;
    z-index: 10
}

.new-classify-con .cans .num {
    font-size: 14px;
    color: #ff8a00;
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer
}

.new-classify-con .cans .des {
    font-size: 14px;
    color: #999;
    line-height: 16px;
    position: absolute;
    left: 10px;
    bottom: 7px;
    cursor: pointer
}

.new-classify-con .cans:hover {
    background-color: #ffba00;
    border-color: #ffa800
}

.new-classify-con .cans:hover .num,
.new-classify-con .cans:hover .des,
.new-classify-con .cans:hover a {
    color: #fff
}

.new-classify-con .can-green {
    background: #1ac269;
    border-color: #06b85d
}

.new-classify-con .can-purple {
    background: #868cd8;
    border-color: #7b89da
}

.new-classify-con .can-blue {
    background: #60afe7;
    border-color: #49a3e3
}

.new-classify-con .can-jade {
    background: #2bbdc4;
    border-color: #17afb6
}

.new-classify-con .can-pink {
    background: #f4689d;
    border-color: #f15f97
}

.new-classify-con .can-orange {
    background: #fd913a;
    border-color: #ff8727
}

.new-classify-con .can-red {
    background: #ff784f;
    border-color: #ff683b
}

.new-classify-con .can-green a,
.new-classify-con .can-green .num,
.new-classify-con .can-green .des,
.new-classify-con .can-green .des p,
.new-classify-con .can-purple a,
.new-classify-con .can-purple .num,
.new-classify-con .can-purple .des,
.new-classify-con .can-purple .des p,
.new-classify-con .can-jade a,
.new-classify-con .can-jade .num,
.new-classify-con .can-jade .des,
.new-classify-con .can-jade .des p,
.new-classify-con .can-blue a,
.new-classify-con .can-blue .num,
.new-classify-con .can-blue .des,
.new-classify-con .can-blue .des p,
.new-classify-con .can-pink a,
.new-classify-con .can-pink .num,
.new-classify-con .can-pink .des,
.new-classify-con .can-pink .des p,
.new-classify-con .can-orange a,
.new-classify-con .can-orange .num,
.new-classify-con .can-orange .des,
.new-classify-con .can-orange .des p,
.new-classify-con .can-red a,
.new-classify-con .can-red .num,
.new-classify-con .can-red .des,
.new-classify-con .can-red .des p {
    color: #fff
}

.adv-bbs {
    display: block;
    width: 100%;
    height: 60px;
    margin-bottom: 15px
}

.adv-bbs img {
    width: 100%;
    height: 100%
}

.onelose {
    display: block;
    opacity: 1;
}